<template>
<div class="todo-main">
  <MyItem v-for="todoObj in todos"
          :key="todoObj.id"
          :todo="todoObj"
  >
  </MyItem>

</div>
</template>

<script>
import MyItem from "@/components/day6-TodoList案例/MyItem";
export default {
name: "MyList",
  components:{
    MyItem
  },
  props:['todos']
}
</script>

<style scoped>
.todo-main{
  margin-left: 0px;
  border:1px solid #ddd;
  border-radius: 2px;
  padding: 0px;
}
.todo-empty{
  height: 40px;
  line-height: 40px;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding-left: 5px;
  margin-top: 10px;
}
</style>